<template>
	<view>
		
		<list v-for="(item,index) in list" :key="index">
			<refresh @refresh="onrefresh" @pullingdown="onpullingdown" :display="refreshing ? 'show' : 'hide'" autoplay="false">
			  <text>Refreshing ...</text>
			  <loading-indicator></loading-indicator>
			
				<cell>
					<video class="video" :src="item.src" autoplay="false" controls></video>
					<!-- <text class="info">state: {{state}}</text> -->
					<text>这个是什么{{i}}</text>
				</cell>
			</refresh>
		</list>
		
	</view>


</template>

<script>
	export default {
		data() {
			return {
				list: [{
						src: "http://122.152.205.72:88/superhero/MARVEL/SpiderManHomecoming/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/MARVEL/Avengers3/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/xman/Logan/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/MARVEL/Thor3/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/MARVEL/SpiderManHomecoming/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/MARVEL/Avengers3/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/xman/Logan/trailer.mp4"
					},
					{
						src: "http://122.152.205.72:88/superhero/MARVEL/Thor3/trailer.mp4"
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.video {
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 400upx;

	}
</style>
